// import { useState } from "react";

import "./test.scss";

function TestPage() {
  // const [open, setOpen] = useState(true);

  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  const handleWheel = (e:any) => {
    if (e.nativeEvent.deltaY <= 0) {
      console.log("向下滚动");
    } else {
      console.log("向上滚动");
    }
  };

  return (
    <div onWheel={(e) => handleWheel(e)}>
      {/* <div className="squre-wrap">
        <div
          className={`squre ${open ? "active" : "close"}`}
          onClick={() => setOpen(!open)}
        ></div>
      </div> */}

      <div className="wheel"></div>

      <div className="wrap">
        <div className="head"></div>
        <div className="body"></div>
        <div className="foot"></div>
      </div>
    </div>
  );
}

export default TestPage;
